<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        /*
            class语法中有一个静态属性、静态方法的概念
            这个概念在react框架中的propType这个概念中有过使用
        */ 
        class Person{
            constructor(username){
                this.username = username;
            }

            /*
                这样的话，origin和walk两个属性就被放在了Person类身上，而不是未来Person的实例身上。
            */ 
            // static 属性名 = 值; 
            static origin = '猿猴';
            static walk = function(){
                console.log('我会走路');
                console.log(this,this.username);//this是指向Person本身的，所以不要妄想读取实例身上的属性
            }
        }
        let person = new Person('mks');
        console.log(Person.origin);
        Person.walk();
    </script>
</body>
</html>